<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="static/css/bootstrap.css" rel="stylesheet" />
    <script src="static/js/jquery.js"></script>
    <script src="static/js/util.js"></script>

    <script>

        $(function(){

            var height = $(window).height();

            $("button").height(height*0.2);

        });



    </script>

</head>
<body>

<div class="navbar navbar-fixed-top" data-id="top">
    <div class="navbar-inner" style="text-align:center; background-color: #438eb9; height: 50px; color: #FFFFFF; line-height: 50px; font-size: 20px;">
        <i class="glyphicon glyphicon-leaf"></i> 安居客房源发布系统
    </div>
</div>

<button style="width: 40%; margin-top: 70px; margin-left: 5%;" onclick="farword('house.html')" class="btn btn-primary">
    <i class="glyphicon glyphicon-home" style="font-size: 30px;"></i><div></div>
    房源管理
</button>

<button style="width: 40%; margin-top: 70px; margin-left: 10%;"  onclick="farword('user.html')" class="btn btn-primary">
    <i class=" glyphicon glyphicon-user" style="font-size: 30px;"></i><div></div>
    账户管理
</button>

<button style="width: 40%; margin-top: 20px; margin-left: 5%;"  onclick="farword('take.html')" class="btn btn-primary">
    <i class="glyphicon glyphicon-phone-alt" style="font-size: 30px;"></i><div></div>
    会话管理
</button>

</body>
</html>